﻿.body{margin-bottom:40px}
.banner {width:100%;display:block}
.mbanner{display:none}
.banner img{width: 100%;}
.banner .swiper-pagination-bullet{width:27px;height: 27px;background: url(../images/icon-circle.png) center center no-repeat;opacity: 1;border-radius: 0;margin: 0!important;}
.banner .swiper-pagination-bullet-active{background: url(../images/icon-circle1.png) center center no-repeat;}
.banner .swiper-pagination{bottom: 2.3vw;}
.banner .swiper-button-prev{background:url(../images/icon-left.png) center center no-repeat;left:2vw;width: 44px;}
.banner .swiper-button-next{background:url(../images/icon-right.png) center center no-repeat;right:2vw;width: 44px;}
.banner .swiper-button-prev:hover{background:url(../images/icon-left1.png) center center no-repeat;}
.banner .swiper-button-next:hover{background:url(../images/icon-right1.png) center center no-repeat;}

.content{display:block}
.Speed{display:none}
.content1{width:96%;margin:0 auto;position:relative;}
.content1 li{width:16.84%;height:22.7vw;position:relative;font-size:18px;color:#333333;float: left;margin: 0px 0.4% 0.4% 0px;overflow: hidden;}
.content1 li img{width:100%;height:100%;transition: 0.5s all ease-in-out;}
.content1 li .words{position:absolute;top:7%;left:8%;color: #333;}
.content1 li .en{font-size: 18px;margin:3px 0px 0px 0px;color: #000;}
.content1 li:hover img{transform: scale(1.1);}
.content1 li.li2{width:31%;height:45.8vw;}
.content1 li.li2 .words{text-align:center;color:#fff;top:auto;top: 50%;left:50%;transform:translateX(-50%);margin-top: -50px;}
.content1 li.li2 .name{font-size: 18px;/* font-family:'Impact'; */text-transform: capitalize;/* color: #fff; */}
.content1 li.li2 .en{font-size:28px;font-weight: bold;color: #000;}
.content1 li.li2 .words img{width: 100px;margin: 0px 0px 2.6vw 0px;opacity: 0;}
.content1 li.li5{margin-right:0px;}
.content1 li.li8{margin-right:0px;}
.content1 .li6 .words{color:#fff;}
.content1 .li8 .words{color:#fff;}
.content1 .li9{position:absolute;left:0px;bottom:0px;}
/* .content1 li.li1 .name{font-size:20px;font-weight:bold;color:#000;}
.content1 li.li3 .name{font-size:20px;font-weight:bold;color:#000;}
.content1 li.li5 .name{font-size:20px;font-weight:bold;color:#000;}
.content1 li.li4 .name{font-size:20px;font-weight:bold;color:#000;}
.content1 li.li6 .name{font-size:20px;font-weight:bold;color:#000;}
.content1 li.li7 .name{font-size:20px;font-weight:bold;color:#000;}
.content1 li.li8 .name{font-size:20px;font-weight:bold;color:#000;}
.content1 li.li9 .name{font-size:20px;font-weight:bold;color:#000;} */

.content1 li .name{font-size: 22px;font-weight:bold;color:#000;}



.content2{width:96%;margin:0 auto;position:relative;}
.content2 img{width:100%;}
.content2 .icon{width:95px;height:95px;background: url(../images/icon-arrow.png) center center no-repeat;position:absolute;top:50%;left:50%;margin-top:-47px;margin-left:-47px;}

.content3{width:96%;margin:2vw auto;position:relative;background:#fafafa;padding: 0px 0px 2vw 0px;}
.content3 li{float:left;width:20%;height:9.4vw;text-align: center;line-height: 9vw;}
.content3 li a{width:90%;display:block;margin:0 auto;height:100%;}
.content3 li img{text-align:center;line-height:9.4vw;vertical-align: middle;max-width: 80%;max-height: 80%;}
.content3 li:hover a{background:#fff;box-shadow:0px 0px 5px 1px #eee}
.content3 P{}
.content3 .name{color:#333;font-size:34px;padding:2.86vw 0px 0px 0px;padding-left:60px}
.content3 .en{color:#333;font-size:30px;margin:0px 0px 3vw 0px;padding-left:60px}
.content3 li:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);cursor:pointer;-webkit-filter: gray;filter: gray;}
.content4{width:96%;margin:3.38vw auto;}
.content4 li{float:left;width:25%;position:relative;}
.content4 li .year{position:relative;}
.content4 li .number-add{font-size:54px;color:#c8c6c9;}
.content4 li em{color:#cccccc;font-size:12px;display: inline-block;margin: 0px 0px 0px 5px;}
.content4 li .build{color:#000000;font-size:14px;}
.content4 li .em1{position:absolute;top:10px;right: 0px;margin: 0px;}
.content4 li.li1 .year{width: 153px;}
.content4 li:after{width:1px;height:25px;background:#1e75bc;display:inline-block;content:"";position:absolute;right:0px;top:50%;margin-top:-12px;}
.content4 li .con{width:155px;margin:0 auto;text-align: left;}
.content4 li.li1 .em1{display:none;}
.content4 li.li1 .year{width: 153px;}
.content4 li.li2 .con{width: 122px;}
.content4 li.li3 .con{width: 148px;}
.content4 li.li4 .con{width: 122px;}
.content4 li.li4 .em1{right:5px;}
.content4 li.li4:after{display:none;}
.content5 #maps{height:27vw;}
.content5 .map{height: 100%;width: 100%;}
.content5{position:relative;}
.content5 ul{position:absolute;bottom:20px;right:30vw;background:rgba(0,0,0,0.3);width:270px;height:190px;padding:15px 25px 5px 25px;}
.content5 ul li{padding:0px 0px 0px 35px;color:#fff;font-size: 14px;line-height:22px;margin:0px 0px 10px 0px;}
.content5 ul li.li1{background:url(../images/icon-tel1.png) left 4px no-repeat;}
.content5 ul li.li2{background:url(../images/icon-email.png) left 4px no-repeat;}
.content5 ul li.li3{background:url(../images/icon-address1.png) left 4px no-repeat;}

.content5 #maps img{width:100%;}

@media(max-width:880px){
.banner {width:100%;display:none}
.mbanner{display:block;height: 48.4vw;}
.mbanner img{width:100%;height:100%;}
.mbanner .swiper-pagination-bullet{width: 3vw;height: 3vw;background: url(../images/icon-circle.png) center center no-repeat;opacity: 1;border-radius: 0;outline: none;background-size: 2vw;}
.mbanner .swiper-pagination-bullet-active{background: url(../images/icon-circle1.png) center center no-repeat;background-size: 2vw;}
.mbanner .swiper-pagination{bottom: 0;}
.content{display:none}
.Speed{display:block;padding:0 5.3vw;margin-top: 8vw;}
.Speed li{width:28vw;height:24vw;float:left;background:#f4f4f4;margin-right: 2.5vw;margin-bottom: 2.5vw;text-align:center}
.Speed li:nth-child(3n){margin-right:0}
.Speed li a{width:100%;height:100%;display:block;}
.Speed li a>img{width:8vw;height:8vw;margin: 4vw 0 2vw;}
.Speed li p{line-height:14px;font-size: 16px;}
.Speed li em{line-height: 14px;color:#666666;font-size:10px;text-transform:uppercase;letter-spacing: -1px;display: block;}
.Speed li:nth-child(4){position:relative}
.Speed li .bk{overflow:hidden;height:100%;width:100%;}
.Speed li .words{position:absolute;top:0;width:100%;height:100%;}
.Speed li .words img{width:7vw;margin: 4vw 0 3vw;}
.Speed li .words p{font-size:10px;text-align:center;color:#fff}
.Speed li .words p.name{text-transform:uppercase;;letter-spacing:-1px;font-weight:bold}
.Speed li .bk img{width:100%;}

    .footer{display:none}
    .indexFoot{display:block;height: 12.8vw;position: fixed;bottom: 0;width: 100%;}
    .indexFoot a{text-align:center;float: left;width: 50%;height: 100%;display: block;line-height:12.8vw;font-size:12px}
    .indexFoot a:first-child{background:#f6f6f6 url(../imgM/telicon.png) 11vw center no-repeat;background-size:5vw}
    .indexFoot a:last-child{background:#f6f6f6 url(../imgM/addicon.png) 11vw center no-repeat;background-size:5vw;position:relative}
    .indexFoot a:last-child::after{content:"";width:1px;height:7vw;position:absolute;background:#e3e3e3;left:0;top:3vw}
}








